<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title></title>
	</head>
	<body>
		
		
		
		
		<script type="text/javascript">
			var uri="json/info.json";
			var baidu="http://api.map.baidu.com/telematics/v3/weather?location=广州&output=json&ak=6tYzTvGZSOpYB5Oc2YGGOKt8&callback=jsp"
			
			//1.新建 XMLHttpRequest对象      --->买手机
			
//			var xhr = new XMLHttpRequest();
//			
//			//2.设置请求地址和方式			--->拨号
//			
//			xhr.open("get",uri);
//			
//			
//			
//			//3.发送请求					--->点击拨打
//			
//			xhr.send();
//			
//			//4.等待请求响应
//			xhr.addEventListener("readystatechange",function(e){
//				var rsc=e.target;
//				if(rsc.readyState===4){
//					//数据解析完全完成
//					if(rsc.status===200){
//					//状态码
//						var res = JSON.parse(rsc.responseText);
//						if(res.state==1){
//							alert("成功"); 
//						}
//					}
//				}
//				
//			})
			
			//发送给服务器的数据
			var prama={
				id:"0001",
				num:4
			}
			
			//封装
			ajax(uri,"get")
			//请求地址，方法，参数
			function ajax(uri,method,prama){
				var xhr = new XMLHttpRequest();
				
				
				
				if(method.toLowerCase() =="post"){
					xhr.open(uri,method,true);
					xhr.setRequestHeader("Content-Type","application/x-www-form-urlencoded");
					xht.send(prama)
				}else{
					//get请求
					
					xhr.open(method,uri,true);
					
					xhr.send();
				}
					xhr.addEventListener("readystatechange",function(e){
					var rsc=e.target;
					if(rsc.readyState===4){
						//数据解析完全完成
						if(rsc.status===200){
						//状态码
							var res = JSON.parse(rsc.responseText);
							if(res.state==1){
								alert("成功"); 
							}
						}
					}
					
				})
			}
			
			
			var s=document.createElement("script");
			s.src=baidu;
			document.body.appendChild(s);
			function jsp(res){
				console.log(res);
			}
			
			
		</script>
		<script src="http://libs.baidu.com/jquery/2.0.0/jquery.min.js"></script>
	</body>
</html>
